*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.swiper-wrapper{
  height: 185px;
  display: flex;
  align-items: center;
  padding: 12px 0 12px 12% !important;
  .swiper-slide{
    border-radius: 5px;
    overflow: hidden;
    height: 140px;
    transition: all 0.25s;
    &.swiper-slide-active{
      height: 160px;
      box-shadow: 0 0 10px #ccc;
    }
    img{
      width: 100%;
      height: 100%;
      transition: all 0.5s;
    }
  }
}
article{
  .content{
    padding: 0 11px;
    &>h3{
      font-size: 16px;
      color: #464646;
      padding: 20px 0;
      text-align: center;
    }
    .fig_box{
      border-radius: 3px;
      border: 0.5px solid #dedede;
    }
    figure{
      img{
        width: 100%;
        height: 183px;
        border-radius: 3px;
      }
    }
    figcaption{
      margin: 16px 12px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: 16px;
    }
    .item{
      display: flex;
      margin-top: 15px;
      border-radius: 3px;
      border: 0.5px solid #dedede;
      &:last-child{
        margin-bottom: 15px;
      }
      div{
        padding: 0 12px;
        h3{
          font-size: 14px;
          color: #464646;
          margin: 12px 0;
        }
        p{
          font-size: 12px;
          line-height: 17px;
          color: #8F8F8F;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 5;
          overflow: hidden;
        }
      }
      img{
        width: 40.8%;
        height: 140px;
      }
    }
  }
}
.borderTop{
  border-top: 10px solid #eee;
}
.noContent{
  text-align: center;
  font-size: 12px;
  color: #868686;
  padding: 15px 0;
  span{
    color: #dedede;
  }
}
